
<div id="contenedor" class="container">  
    <div class="row-fluid">
        <div class="row-fluid">
            <ul  class="span12 breadcrumb alingCenter">
                <li><b><span id="spanCantidadReservas"></span> reservas encontradas</b></li>
            </ul>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span12">
            <div class="row-fluid">
                <form id="formularioBusquedaClientes">
                    <div class="row-fluid">
                        <div class="span2">Titular:<br>
                            <div class="input-prepend">
                                <span class="add-on"><i class="icon-user"></i></span>
                                <input title="Ingrese solo  el nombre o el apellido del titular" id="in-titular" type="text" class="input-small"> 
                            </div>
                        </div>
                        <div class="span2">
                            Habitaciones:
                            <select id="slct-habitacion" class="input-medium restriccion">
                                <option value="">Todas</option>
                                <?php foreach ($cuartos as $cuarto) { ?>
                                    <option value="<?php echo $cuarto->id_cuarto ?>"><?php echo $cuarto->nombre_categoria . " | " . $cuarto->nombre ?></option>
                                <?php } ?>
                            </select>
                        </div>
                        <div id="divContenedorEstatus">
                            <div class=""><h4>Estatus:</h4>
                            </div>
                            <div class="">Sin pago:<br>
                                <input id="provisional"  type="checkbox" value="provisional">
                            </div>
                            <div class="">Pago parcial:<br>
                                <input id="parcial"  type="checkbox" value="parcial">
                            </div>
                            <div class="">Pago completo:<br>
                                <input id="completo"  type="checkbox" value="pago completo">
                            </div>
                            <div id="divCheckFinHosp" class="">Hospedaje finalizado:<br>
                                <input  id="fin" type="checkbox" value="fin">
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid"><hr></div>

                    <div class="row-fluid">
                        <div class="span2">
                            Por fecha de creación:
                        </div>
                        <div class="span2">
                            Desde:
                            <div class="input-prepend">
                                <span class="add-on"><i class="icon-calendar"></i></span>
                                <input id="in-creacionDesde" type="text" class="datePicker input-small restriccion"> 
                            </div>
                        </div>
                        <div class="span2">
                            Hasta:
                            <div class="input-prepend">
                                <span class="add-on"><i class="icon-calendar"></i></span>
                                <input id="in-creacionHasta" type="text" class="datePicker input-small restriccion"> 
                            </div>
                        </div>

                        <div class="span2">
                            Por fecha de ingreso:
                        </div>
                        <div class="span2">
                            Desde:
                            <div class="input-prepend">
                                <span class="add-on"><i class="icon-calendar"></i></span>
                                <input id="in-ingresoDesde" type="text" class="datePicker input-small restriccion"> 
                            </div>
                        </div>
                        <div class="span2">
                            Hasta:
                            <div class="input-prepend">
                                <span class="add-on"><i class="icon-calendar"></i></span>
                                <input type="text" id="in-ingresoHasta" class="datePicker input-small restriccion"> 
                            </div>
                        </div>

                    </div>
                    <div class="row-fluid hide"> 
                        <div class="span12 well alingCenter">
                            <button id="btn-buscar" type="button" class="btn btn-inverse input-medium">Buscar</button>
                        </div>
                    </div>

                    <div class="row-fluid"><hr></div>
                </form>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span12">
            <div class="row-fluid">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>Titular</th>
                            <th>Habitación</th>
                            <th>Ingreso</th>
                            <th>Salida</th>
                            <th>Estatus</th>
                            <th>Creada por</th>
                            <th>Detalles</th>

                        </tr>
                    </thead>
                    <tbody id="lista-reservas">

                    </tbody>
                </table>
            </div>
            <div class="row-fluid">
                <div class="pull-left">
                    <br>

                </div>

                <div class="pagination pull-right">
                    <ul id="pagination" data-pagina="<?php echo $pagina ?>" >

                    </ul>
                </div>

            </div>
        </div>
    </div>
</div>  
